<template>
  <div class="public_main">
    <div class="crumbs">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>{{$t('sidebar.borrowBack')}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{$t('serviceManage.crumbsOne')}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{$t('serviceManage.crumbsThree')}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{$t('serviceManage.telNotice')}}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="detail">
        <el-tabs v-model="activeName">
            <el-tab-pane :label="$t('loanMoney.orderDetail')" name="first">
                <orderdetail></orderdetail>
            </el-tab-pane>
            <el-tab-pane :label="$t('userList.userInfo')" name="second">
                <userdetail></userdetail>
            </el-tab-pane>
            <el-tab-pane :label="$t('userList.loanLog')" name="third">
                <loanrecord></loanrecord>
            </el-tab-pane>
            <el-tab-pane :label="$t('new.no96')" name="fourth">
                <orderapprove></orderapprove>         
            </el-tab-pane>
            <el-tab-pane :label="$t('serviceManage.telRmind')" name="five">
                <phonelist></phonelist>
                <historyphone></historyphone>
                <reminphone></reminphone>
            </el-tab-pane>
        </el-tabs>
    </div>
  </div>
</template>
<script>
import orderdetail from 'src/components/component/OrderDetail'
import userdetail from 'src/components/component/UserDetail'
import loanrecord from 'src/components/component/LoanRecord'
import orderapprove from 'src/components/component/OrderApprove'
import phonelist from 'src/components/component/Phonelist'
import historyphone from 'src/components/component/HistoryPhone'
import reminphone from 'src/components/component/ReminPhone.vue'
export default {
  components: {
    orderdetail,
    userdetail,
    loanrecord,
    orderapprove,
    phonelist,
    historyphone,
    reminphone
  },
  data () {
    return {
        activeName: 'first',
    }
  },
  methods:{
  }
}
</script>
<style lang="scss">
.detail{
    background:#fff;
    padding:0 20px;
    font-size: 14px;
}
.title{
    color: #1D7BFF;
    font-weight: bold;
    font-size: 14px;  
}
</style>